import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import svgLoader from 'vite-svg-loader';
import { createHtmlPlugin } from 'vite-plugin-html';
import { visualizer } from 'rollup-plugin-visualizer';


// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    svgLoader(),
    createHtmlPlugin({
      minify: true,
      /**
       * 不需要再在`index.html`内添加 script 标签
       */
      entry: '/src/main.ts',
      /**
       * 将 `index.html`存放在指定文件夹
       */
      template: 'index.html',
    }),
    visualizer(),
  ],
  server: {
    host: '0.0.0.0',
    open: true,
  },
  resolve: {
    alias: {
      '@assets': '/src/assets',
      '@styles': '/src/styles',
      '@apis': '/src/app/apis',
      '@components': '/src/app/components',
      '@constants': '/src/app/constants',
      '@hooks': '/src/app/hooks',
      '@models': '/src/app/models',
      '@routers': '/src/app/routers',
      '@stores': '/src/app/stores',
      '@utils': '/src/app/utils',
      '@views': '/src/app/views',
      '@services': '/src/app/services',
      '@': '/src/app',
    },
  },
});
